<template>
    <div>
        <Card :bordered="false" dis-hover class="ivu-mt">
            <div class="setting">
                <Form :model="formLeft" label-position="left" :label-width="180">
              <FormItem label="首次挂号下次回访时间">
                                <InputNumber
                        :max="10"
                        :min="1"
                        type="number"
                        style="width:80px;margin:0 10px;"
                        v-model="value"
                    ></InputNumber>天后
        </FormItem>
                <FormItem label="断诊：未复诊时间">

                    <InputNumber
                        :min="1"
                        type="number"
                        style="width:80px;margin:0 10px;"
                        v-model="value1"
                    ></InputNumber>天
                </FormItem>
                <FormItem label="流失：消费金额<=">
                    <InputNumber
                        :max="10"
                        :min="1"
                        type="number"
                        style="width:80px;margin:0 10px;"
                        v-model="value2"
                    ></InputNumber>元
               </FormItem>
                     <FormItem label="咨询号号段首位数字为">
<Input v-model="formLeft.input1" style="width:150px;margin:0 10px;"></Input>
               </FormItem>
                <FormItem label="介绍号号段首位数字为">
<Input v-model="formLeft.input3" style="width:150px;margin:0 10px;"></Input>
               </FormItem>
                <FormItem label="所属客服就诊类型">
                        <Select v-model="model1" multiple :max-tag-count="3" style="width:300px;margin:0 10px;">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>
                </FormItem>
                </Form>
            </div>
        </Card>
        <FooterToolbar>
            <Button type="primary" class="v-mt-20" size="large">保存</Button>
        </FooterToolbar>
    </div>
</template>

<script>
    export default {
        name: 'diagnosis',
        data () {
            return {
                value: '',
                value1: '',
                value2: '',
                formLeft: {
                    input1: '',
                    input2: '',
                    input3: ''
                },
                cityList: [
                    {
                        value: '咨询号',
                        label: '咨询号'
                    },
                    {
                        value: '初诊',
                        label: '初诊'
                    },
                    {
                        value: '流失1',
                        label: '流失1'
                    },
                    {
                        value: '流失2',
                        label: '流失2'
                    },
                    {
                        value: '及时复诊',
                        label: '及时复诊'
                    },
                    {
                        value: '非及时复诊',
                        label: '非及时复诊'
                    },
                    {
                        value: '断诊',
                        label: '断诊'
                    }
                ],
                model1: ''
            }
        },
        methods: {

        }
    }
</script>

<style scoped>
.setting p {
    line-height: 30px;
    margin: 20px 0;
}
.setting input {
    margin: 0 10px;
}
</style>
